<script setup lang="ts">
import PreviewImageImages from './previewImage-images.vue'

const $props = defineProps({
    msg: {
        type: String,
        default: '',
    },
    isMine: { type: Boolean, required: true },
})
</script>

<template>
    <view class="message-content" :class="$props.isMine ? '' : 'consumer'">
        <preview-image-images :images="[$props.msg]" width="100%" />
    </view>
</template>

<style scoped lang="scss">
@include b(message-content) {
    margin: 0 20rpx;
    width: 50vw;
}
@include b(consumer) {
}
</style>
